{% extends "isa/question_panel.html" %}
{% load static  %}

{% block extend_head %}
<link rel="stylesheet" type="text/css" href="{% static 'css/article_box.css' %}">
{% endblock %}

{% block left_content %}
    {% for tag in tags %}
        <li ><a class="each_pager" href="/article_box/{{ tag }}">{{ tag  }}</a></li>
    {% endfor %}
{% endblock %}


{% block all_tag %}
        <li ><a class="each_pager" href="/article/box/all">all</a></li>
{% endblock %}


{% block right_content %}
    {% for article in articles %}
        <a onclick="return toToggle({{article.id}})" class="each_single"  id="single-{{article.id}}" >
            <code class="q_single"  >{{ article.title }} 
            </code>
        </a>
    <div class="popover right a-detail-info" id="a-popover-detail-{{ article.id }}" poped="off" >
      <div class="arrow"></div>
      <h3 class="a-popover-title" id="popover-right">{{ article.title }}<a class="anchorjs-link" href="#popover-right"><span class="anchorjs-icon"></span></a></h3>
      <div class="popover-content">
        <p class="font-solid-left font-big">
        {{ article.abstruct }}
        .</p>
        <a href="/article/{{ article.id }}" class="bt bt-default">Detail</a>
      </div>
    </div>
    {% endfor %}
{% endblock %}


{% block body_js %}
<script type="text/javascript" src="{% static 'js/article_box.js' %}"></script>
<script type="text/javascript" src="{% static 'js/question.js' %}" ></script>
{% endblock %}